const path = require('path');

function resolve(dir) {
    // 路径可能与你的项目不同
    return path.join(__dirname, dir)
}
module.exports = {
    transpileDependencies: ["vuetify"],
    publicPath: './',
    outputDir: 'dist-' + process.env.NODE_ENV,
    devServer: {
        host: '0.0.0.0',
        port: 3000, // 端口
        open: true, // 自动开启浏览器
        compress: true, // 开启压缩
        disableHostCheck: true,
        overlay: {
            warnings: false,
            errors: true
        },
        proxy: 'http://192.168.0.200:9998'
    },
    chainWebpack: config => {
        config.module.rules.delete('svg'); //重点:删除默认配置中处理svg,
        config.module
            .rule('svg-sprite-loader')
            .test(/\.svg$/)
            .include.add(resolve('src/assets/icons/svg')) //处理svg目录
            .end()
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
            .options({
                symbolId: 'icon-[name]',
            })
    }
}